import React from 'react';
import {
    Text,
    View,
    Image,
    Platform
} from 'react-native';

const TabIcon = (props) => {
    return(
        <View style={{alignItems:'center',justifyContent:'center',marginTop:Platform.OS==='ios'?2:8}}>
            <Image
                source={!props.focused ? props.image : props.selectedImage}
                style={[{ height:26,width:26,tintColor:props.tintColor,marginTop:Platform.OS==='ios'?0:2 }]}
            />
            {/*<Text*/}
                {/*style={{paddingLeft:5,color:props.tintColor,marginTop:6,fontSize:10}}*/}
            {/*>*/}
                {/*{props.title}*/}
            {/*</Text>*/}
        </View>
    )
};


export default TabIcon;